/** 首先引入vue */
import Vue from 'vue'
/** 引入当前目录的App。vue文件 */
import App from './App'
/** 引入vue路由组件 */
import VueRouter from "vue-router"
/** 引入组件商品 */
import Goods from './components/goods/Goods';
/** 引入评分页面 */
import Ratings from "./components/ratings/Ratings"
/** 引入商家页面 */
import Seller from "./components/seller/Seller"

/** 不生成生产环境运行提示 ，比如语法等等 */
Vue.config.productionTip = false
/** 注册路由，注册后才可以new 使用  */
Vue.use(VueRouter)

/** 定义四个路由 */
const routes = [
  /** 重定向 语法：path ,redirect */
  {path: "/", redirect: "/goods"},
  /** 语法 path , 组件 */
  {path: "/goods", component: Goods},
  {path: "/ratings", component: Ratings},
  {path: "/seller", component: Seller}
]
/** 定义路由器 语法：路由，模式，连接激活*/
const router = new VueRouter({
  routes,
  /** hash模式（带有#符号）    和     history模式*/
  mode:"history",
  /** 路由跳转时动态添加样式 */
  linkActiveClass:"active"
})
/** 启动vue 语法， id ,路由，组件，标签 */
new Vue({
  el: '#app',
  router,
  components: {App},
  template: '<App/>'
})
